<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <!-- 
            MVVM模型:
            M(modle):data中的数据
            V(view):模板
            VM：(viewmodle):Vue实例对象

            1.data中的所有属性都出现在了vm身上
            2.vm和vm原型的所有属性都可以在模板中使用
         -->
        <div id="root">
            <h1>学校名称：{{name}}</h1>
            <h1>学校地址：{{address}}</h1>
        </div>
        <script>
            Vue.config.productionTip = false;
           const vm = new Vue({
                el:"#root",
                data(){
                    return{
                        name:"渭师院",
                        address:"渭南"
                    }
                }
            });
            console.log(vm);
        </script>
    </body> 
</html>